<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="style.css"/>
  </head>
  <body>
    <div id="ele">


      <!--<div class="drag" data-type="drag">-->
        <!--<div data-type="cRightDown" class="dragDot cRightDown"></div>-->
        <!--<div data-type="cLeftDown" class="dragDot cLeftDown"></div>-->
        <!--<div data-type="cRightUp" class="dragDot cRightUp"></div>-->
        <!--<div data-type="cLeftUp" class="dragDot cLeftUp"></div>-->
        <!--<div data-type="cRight" class="dragDot cRight"></div>-->
        <!--<div data-type="cDown" class="dragDot cDown"></div>-->
        <!--<div data-type="cLeft" class="dragDot cLeft"></div>-->
        <!--<div data-type="cUp" class="dragDot cUp"></div>-->
      <!--</div>-->
    </div>

    <div class="dragWrap">
        <img src="1.jpg" width="50px" title="拖拽我" draggable="true" class="drag-item">
        <img src="2.jpg" width="50px" title="拖拽我" draggable="true" class="drag-item">
    </div>

    <!--生成图片区域-->
    <div id="wrap">
    </div>

    <div class="cacheEle">
        <div data-type="cRightDown" class="dragDot cRightDown"></div>
        <div data-type="cLeftDown" class="dragDot cLeftDown"></div>
        <div data-type="cRightUp" class="dragDot cRightUp"></div>
        <div data-type="cLeftUp" class="dragDot cLeftUp"></div>
        <div data-type="cRight" class="dragDot cRight"></div>
        <div data-type="cDown" class="dragDot cDown"></div>
        <div data-type="cLeft" class="dragDot cLeft"></div>
        <div data-type="cUp" class="dragDot cUp"></div>
    </div>

    <div class="go">生成</div>
    <div class="upload">上传</div>
    <script src="jquery2.0.3.js"></script>
    <script type="text/javascript" src="html2canvas.js"></script>
    <script src="drag.js"></script>
    <script src="makeimg.js "></script>

  </body>
</html>
